ul{ margin: 0; padding: 0}
li{ list-style-type: none}
.login_page{ }
.login_page{ background: #25252f; background-size: cover}
.logo{ width: 150px; margin: auto; margin-top: 70px}
.logo img{ width: 100%}
body{
	font-family: "微软雅黑", 'microsoft yahei', Arial, sans-serif;
}
.fl{ float: left}
.fr{ float: right}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.myinput-list ul{ background:none; }
.myinput-list ul:before,.myinput-list ul:after{ background:none }
.list-block .item-inner:after{ background:none; }
.myinput-list{ margin: 0 20px; margin-top: 70px}
.myinput-list ul li{ }
.myinput-list .item-content{ color: #666; min-height: 55px; }
.myinput-list .item-content .item-media{ font-size: 24px}
.myinput-list .item-content:after{ 
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	height: 1px;
	width: 100%;
	background-color: #666;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%; 
}
.myinput-list .item-content input:focus{ color: #fff}
.myinput-list .item-content input{ color: #fff }
::-webkit-input-placeholder{
	color: #fff!important
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
}

.searchMessage::-webkit-input-placeholder{
    color: #666!important
}
.nform{color: #666;font-size: 12px; text-align: center; margin-top: 10px}
.nform a{color: #41414b; font-size: 16px; margin: 0 10px }
.mybutton-list.login_btn{margin: 0 20px; margin-top: 50px; }
body .mybutton-list.login_btn button.item-link.list-button{font-size:14px;color: #fff;background:#00c3c3;border-radius: 2px; display: block; width: 100%; border: 0}
body .mybutton-list.login_btn button.item-link.list-button:after{ height: 0}
/*.form_po{ position: absolute; bottom: 0; width: 100%}*/
.mybutton-list.login_btn button.item-link.list-button.active-state{ background: #44eaea}
.mybutton-list.login_btn ul{ background: none }
.mybutton-list.login_btn ul li:nth-child(3){ font-size: 10px; text-align: center; color: #41414b; margin-top: 40px}
.mybutton-list.login_btn ul:after,.mybutton-list.login_btn ul:before{ height: 0}
.navbar{ background: #24252f; color: #fff}
.navbar .left a,.navbar .right a{ color: #fff; font-size: 16px}
.navbar .left a i,.navbar .right a i{ font-size: 30px}
.content_list{}
.my_content_block div.my_block:last-child{ border-bottom: 0; padding-bottom: 30px}
.my_block{ background: #f5f5f5; margin: 0 -15px; padding:10px 10px;
    position: relative; border-bottom: 1px solid #F1F1F1}
.my_block a{ color: #666; display: block}
.my_block.act{ background:#fff }
.my_block_top span{display: inline-block}
.my_block_top span:nth-child(1) { color: #00c3c3;}
.my_block_top span:nth-child(1) i{font-size: 20px; vertical-align: -2px;}
.my_block_top span:nth-child(1) font{ margin-left: 6px}
.my_block_top span:nth-child(2){line-height: 26px; font-size: 12px;}
.list_left{}
.list_name{ color: #000; font-size: 15px; margin: 3px 0}
.my_block .list_time{ line-height: 26px; color: #999; font-size: 12px}
.list_right{ position:absolute;right: 10px; top: 9px;}
.list_right span{  display: block;  border-radius: 15px;border: 1px solid #d8d5d5;padding: 1px 12px;background-color: #F2F2F2 }
.my_block.act .list_right span{border-color:#00c3c3; background: none; color:#00c3c3 }
.my_content_block{ margin: 0}
.my_tab_link{ padding: 10px 0}
.my_tab_link span{ display: block; text-align: center;}
.my_toolbar{ height: 55px; overflow: hidden}
.my_toolbar a{ width: 25%; color: #fff;}
.my_toolbar{ background: #24252f; color: #FFF; font-size: 16px}
.my_toolbar a i:nth-child(1){ font-size: 28px;line-height: 28px;height: 30px}
.my_toolbar a{ padding: 4px 0}
.my_toolbar a.active{ color: #fff}
.my_toolbar a span:nth-child(1) i{ display: block}
.my_toolbar a span:nth-child(2){ font-size: 14px}
.my_toolbar .toolbar-inner{ padding: 0}
/*.my_toolbar .active{ background: #00c3c3}*/
.my_toolbar .active i{ color:#33EDED }
.my_toolbar .active span{ color:#33EDED }
.panel.panel-right.panel-cover.my_panel_right{ margin-top: 44px; background: #fff}
.panel.panel-left.panel-cover.my_panel_left{ background: #fff!important}
.fil_list{ color: #333}
.fil_list p{ margin: 0; text-align: center; padding: 8px; line-height: 30px;border-top: 1px solid #E5E5E5}
.fil_list p{ font-size: 16px}
.fil_list p span{ font-size: 24px; margin-left: 10px}
.fil_list ul{ display: none}
.fil_list ul{ margin: 0; padding: 0; padding-bottom: 20px; padding-top: 5px}
.fil_list ul li{ list-style-type: none; text-align: center; padding: 0px; font-size: 16px; color: inherit; margin: 0 10px}
.fil_list ul li.active{ border: 1px solid #00c3c3; border-radius: 15px; color: #00c3c3}
.fil_list ul li a{ color: #999;color: inherit; display: block; padding: 6px}
.fil_list{}
.fil_list.active p{ color:#00c3c3; background: #f7f7f7}
.my_panel_right .fil_list:first-child ul{ display: block}
.my_panel_right .fil_list:last-child p{border-bottom: 1px solid #E5E5E5}
.mt0{ margin-top: 0}
.pt0{ padding: 0}
.my_panel-overlay{ background-color: rgba(0,0,0,.3); opacity: 1}
.order_info p span:nth-child(1){ color: #000; min-width: 90px; display: inline-block; }
.order_info p span:nth-child(1) i{ margin-right: 10px;}
.order_info{ font-size: 16px}
.mb25{ margin-bottom: 25px}
.my_page_content{ background-color: #fff}

/*修改框架样式*/
.views{ overflow: hidden}
.searchbar.searchbar-active .searchbar-cancel{ display: block!important; margin-right: 0!important}
.searchbar .searchbar-cancel{margin-right: -54px!important}
.navbar:after{ height: 0}


.message_list ul{ padding: 0; margin: 0}
.message_list ul li{ list-style: none;}
.message_list ul li a{ display: block}
.message_list ul li a.active-state .message_block { background-color: #fff}
.message_block p{ margin: 0}
.message_block{background-color: #f2f2f2; color: #666; position: relative; font-size: 16px; padding: 10px; border-bottom: 1px solid #E7E6E6}
.message_block .user_pic{ position: absolute; top: 10px; left: 10px; height: 60px}
.message_block .block_right{ padding-left: 75px; min-height: 55px; padding-top: 5px}
.message_block .user_pic img{ width: 60px; border-radius: 50%}
.message_block .block_right .name{ color: #000; margin-bottom: 5px;}
.message_block .block_right .name font{
    float: right;
    color: #666;
    font-size: 14px;
}
.message_block .block_right .content{ font-size: 14px}
.page-content.my_messages-content{ padding-bottom: 50px!important}
.serviceTabNav{ margin: 10px 20px}
.serviceTabNav .button.active{ background:#00c3c3; color: #fff }
.serviceTabNav .button{ border: 1px solid #00c3c3; color: #00c3c3}
.serviceTopImg img{ width: 100%}
.serviceInfo_block{ padding: 10px}
.serviceInfo_block p{ font-size: 14px; margin: 8px 0;color: #666;font-size: 15px;}
.serviceInfo_block p:nth-child(1){margin-left: 0}
.serviceInfo_block p:nth-child(1) i{ margin-right: 15px;font-size: 20px }
.serviceInfo_block p font{ color: #000; margin-right: 10px;}
.iColor1{ color: #00c3c3}
.iColor2{ color: #f54545}
.iColor3{ color: #00c37c}
.purseTop_block{ color: #fff; background-color: #00c3c3;padding:14px 10px; margin-bottom: 30px}
.purseTop_block p:nth-child(1){ margin-bottom: 8px; margin-left: 0}
.purseTop_block p:nth-child(1) i{margin-right: 12px;font-size: 20px;}
.purseTop_block p:nth-child(2){font-size: 34px;margin-bottom: 10px}
.purseTop_block p:nth-child(4){margin-top: 12px}
.purseTop_block p:nth-child(5){ margin-bottom: 0; height: 33px; line-height: 33px}
.purseTop_block p:nth-child(5) a:nth-child(2){ background-color: #fff; padding: 4px 15px; color: #3ac7be; line-height: 24px}
.purseTop_block p:nth-child(5) a:nth-child(1){ color: #fff; margin-left: 10px; line-height: 30px}
.purseTop_block p:nth-child(5) a{ float: right; display: inline-block; font-size: 14px}
.purseTop_block p{margin: 0; margin-bottom: 6px;font-size: 20px;}
.purseTop_block p.line1{ height: 1px; background-color: #6AD1DA; margin: 0 -10px}
.purseTime{ padding:10px 10px}
.purseTime{background-color: #25252f;}
.purseTime div{ float: left}
.purseTime div p{margin: 0;}
.purseTime div p:nth-child(1){color: #989896;margin-bottom: 6px}
.purseTime div p:nth-child(2){ color: #fff}
.purseTime div:nth-child(1){ border-right: 1px dashed #fff; padding-right: 10px}
.purseTime div:nth-child(1) p:nth-child(2) font{ font-size: 18px}
.purseTime div:nth-child(1) p i{ margin-left: 10px; line-height: 20px; vertical-align: 4px}
.purseTime div:nth-child(2){ padding-left: 20px}
.purseTime div:nth-child(3){ padding-left: 30px}
.purseTime div:nth-child(2) p:nth-child(1),.purseTime div:nth-child(3) p:nth-child(1){ margin-bottom: 9px}
.purseList ul .message_block{ background: #fff}
.purseList ul .message_block .block_right{ padding-left: 0}
.purseList .message_block .block_right .name{ margin-bottom: 10px}
.purseList .message_block .block_right .content span:nth-child(2){ float: right}
.purseList{ padding-bottom: 20px}
.my_panel_left .c_img img{ width: 100%}
.my_panel_left .c_img{ position: relative}
.my_panel_left .c_img .user_info{ position: absolute; top: 0; padding: 15px;}
.my_panel_left .c_img .user_info img{ width: 60px; border-radius: 50%}
.my_panel_left .c_img .user_info p{ margin: 0; margin-bottom: 6px; color: #fff}
.my_panel_left .c_img .user_info p{ margin-top: 5px}
.my_panel_left .panel_list{ color:#666;font-size: 18px}
.my_panel_left .panel_list ul:nth-child(1) { border-bottom: 1px solid #26F9F9; padding: 10px 0}
.my_panel_left .panel_list ul:nth-child(2) {  padding: 10px 0}
.my_panel_left .panel_list ul li a{ color: #666;padding: 8px 15px;}
.my_panel_left .panel_list ul li a i{ min-width: 50px; font-size: 22px; display: inline-block}
.my_panel_left .panel_list ul:nth-child(1) li:nth-child(1) a i{ color: #00c3c3}
.my_panel_left .panel_list ul:nth-child(1) li:nth-child(2) a i{ color: #f54545}
.my_panel_left .panel_list ul:nth-child(1) li:nth-child(3) a i{ color: #00c3c3}
.my_panel_left .panel_list ul li a.active-state{ background-color: #f1f1f1}
.c_img a{  display: block;}
.personTop{ background-color: #00c3c3; padding: 20px 0}
.personTop .img{ width: 70px; margin:0 auto; }
.personTop .img img{ width: 100%;border-radius: 50%}
.personTop div{ text-align: center; margin-top: 8px; color: #fff}
.personTop .info span{ margin: 0 5px}
.personCenter ul li{ border-bottom: 1px solid #F5F2F2}
.personCenter .list-block .item-inner{ padding: 13px 0}
.personCenter .list-block .item-inner .item-title font{ min-width: 105px; display: inline-block}
.loadWithLogo{
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}
.loadWithLogo img{
    width: 150px;
    opacity: 0.7;
}
.order_info .order_info_no span:nth-child(1){
    margin-bottom: 8px;
    display: block;
}
.more_list{ padding-bottom: 10px; margin: 10px 0}
.logOut{ position: absolute; right: 10px; bottom: 10px; font-size: 14px}
.myBackBtn{ position: absolute; top: 5px; left: 5px; width: 50px; background: none; color: #fff; }
.myBackBtn a{color: #fff; font-size: 16px}
.myBackBtn a i{ padding-right: 6px; font-size: 22px;vertical-align: -3px;}
.my_button a.button{border: 1px solid #00c3c3; color: #00c3c3; }
.nform .logf{margin-top: 20px; display: block; color: #777}

.swiper-container{
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}
.swiper-wrapper{
    height: 170px;
}
.swiper-pagination-bullet{
    background-color: #00c3c3;
    opacity: 1;
}

/*.page-content{  overflow: scroll;}*/